.content {
  padding: 0.6em;
  background-color:#F5F5F5;
  position: relative;
}

.header{
  width: 100%;
  display: flex;
  justify-content: center;
}

.headerTitle{
  font-size: 1em;
  padding: 0.4em 1em;
  border-radius: 0.4em;
  background-color: #FF9900;
  color:#fff;
}

.headerTitleBg{
  font-size: 1em;
  padding: 0.4em 1em;
  border-radius: 0.4em;
  background-color: #C4C4C4;
  color:#fff;
}

.messageBody{
  display: flex;
  flex-direction: column;
  min-height: 10em;
  background-color: #fff;
  margin-top: -1em;
  padding: 1em 0.6em 0.6em 0.6em;
}

.messageTitle{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8em 0 1.2em 0;
}

.titleText{
  font-size: 1em;
  font-weight: bold;
}

.titleBtn{
  font-size: 0.8125em;
  color:#6ca0f7;
  padding: 0.6em;
  position: absolute;
  top: 3.9em;
  right: 0.8em;
}

.question{
  display: flex;
  flex-direction: row;
  font-size: 0.8125em;
  padding:0.6em 0;
}

.questionLabel{
  flex: none;
  width: 2em;
}

.questionText{
  flex: 1;
  color:#999;
}

.answer{

}

.dateTime{
  display: flex;
  justify-content: center;
  color:#404040;
  font-size: 0.8125em;
  padding: 0.7em;
}
